<template>
    <div>
        <div style="display: flex">
            <img :src="item.commentUserPic" style="height: 35px;width: 35px;border-radius: 50%">
            <div style="align-self: center;margin-left: 10px;display: flex">
                <h4>
                    {{ item.commentUserName }}
                    <span v-if="item.userName"> <span style="font-weight: 400;font-size: 14px">回复</span> {{ item.userName }}</span>
                </h4>
                <span style="align-self: center;margin-left: 10px;font-size: 12px">{{item.commentTime | dateFormatHms}}</span>
                <CommentOp
                    @brush="brush"
                    style="margin-left: 10px;align-self: center;margin-top: 5px"
                    :opData="{linkId: item.id,title: item.content,postCodeId: item.postCodeId}"
                    :state="1"
                    :isColl="false"
                ></CommentOp>
            </div>
        </div>
        <div style="margin-left: 45px">
            <p>{{item.content}}</p>
        </div>
    </div>
</template>
<script>
import CommentOp from "@/components/CommentOp.vue";
export default {
    data() {
        return {

        }
    },
    props: {
        item: {
            type: Object,
            default: {}
        }
    },
    components: { CommentOp },
    methods: {
        // 通知父组件刷新列表
        brush() {
            this.$emit("brush")
        }
    }
}
</script>